{include file="start" /}
{include file="header" /}
<title>重卡汇</title>
<link rel="stylesheet" href="//at.alicdn.com/t/font_hga6y0mggtrcnmi.css">
<link rel="stylesheet" href="/_hongyanche/css/app.css">

<style>
.carinfo-wrapper{position: fixed;width: 100%;height: 100%;background: #eee;}
.carinfo-wrapper .header{text-align: center;font-size: 1.3rem;color: white;font-weight: 800;background: cadetblue;}
.carinfo-wrapper .car{display: flex;background: #fff;margin: 10px;}
.carinfo-wrapper .car .img{width: 5rem; height: 4rem ;background: url(/_hongyanche/material/kache.png) no-repeat center;}
.carinfo-wrapper .car .desc span{display: block;}
.carinfo-wrapper .car-detail {font-size: 14px;}
.carinfo-wrapper .car-detail .min-w{min-width: 7rem;}
</style>

<div class="carinfo-wrapper">
    <div class="header">
        <span style="float:left;" id="back"><</span>
        车辆信息
    </div>
    <div class="car weui-flex">
        <div class="img weui-flex__item"></div>
        <div class="desc weui-flex__item">
            <span>车牌号：<span id="carID"></span></span>
            <span>车架号：<span id="vhvin"></span></span>
        </div>
    </div>
    <div class="car-detail weui-cells">
        <div class=" weui-cell">
            <div class=" weui-cell__hd min-w">品牌</div>
            <div class=" weui-cell__bd" id="vehicle_brand">上汽红岩</div>
        </div>
        <div class="weui-cell">
            <div class="weui-cell__hd min-w">设备号</div>
            <div class="weui-cell__bd" id="simNo"></div>
        </div>
    </div>
</div>

<script>
    var backBTN = document.getElementById('back');
    backBTN.addEventListener('click', function(event) {
        window.history.back();
    });
    $('#carID').text(localStorage.carID);
    $('#vhvin').text(localStorage.vhvin);
    $('#vehicle_brand').text(localStorage.vehicle_brand);
    $('#simNo').text(localStorage.simNo);
    console.log(localStorage)
</script>